import { Col, Row } from 'antd';
import { useState, useEffect } from 'react'
import CztTj from './CztTj';
import './index.less';
import JzzyTj from './JzzyTj';
import Ggfwss from './Ggfwss';
import Wxhxp from './Wxhxp';
import Fmkswxy from './Fmkswxy';
import Zfzhjznl from './Zfzhjznl';
import Qyxzyjtjznl from './Qyxzyjtjznl';
export default function NewHome(props) {

    const [reloadKey, setReloadKey] = useState(Math.random().toString())

    useEffect(() => {
        const interval = setInterval(() => {
            setReloadKey(Math.random().toString())
        }, 15000)
        return () => {
            clearInterval(interval);
        }
    }, [])

    return <div className='new-home wh100' style={{
        overflow: "auto"
    }}>
        <div style={{
            padding: 24
        }}>
            <Row gutter={24} className='mgb24'>
                <Col span={14}>
                    <CztTj key={reloadKey} />
                </Col>
                <Col span={10}>
                    <JzzyTj key={reloadKey} />
                </Col>
            </Row>
            <Row gutter={24} className='mgb24'>
                <Col span={10}>
                    <Ggfwss key={reloadKey} />
                </Col>
                <Col span={7}>
                    <Wxhxp key={reloadKey} />
                </Col>
                <Col span={7}>
                    <Fmkswxy key={reloadKey} />
                </Col>
            </Row>
            <Row gutter={24}>
                <Col span={12}>
                    <Zfzhjznl key={reloadKey} />
                </Col>
                <Col span={12}>
                    <Qyxzyjtjznl key={reloadKey} />
                </Col>
            </Row>
        </div>
    </div>;
}